<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HUAWEI Shopping Mall</title>
    <!-- IMPORT CSS -->
    <link rel="stylesheet" href="./css/reset.min.css">
    <link rel="stylesheet" href="./css/public.min.css">
    <link rel="stylesheet" href="./css/headerfooter.min.css">
    <link rel="stylesheet" href="./css/index.css">

    <!-- IMPORT JS -->
    <script src="./js/jquery.min.js"></script>
    <script src="./libs/layer/layer.js"></script>
    <script src="./js/index.js"></script>

    <!-- ICONFONT -->
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2310601_jz28m7k6wp.css">
</head>

<body>
    <!-- header start -->
    <header>
        <div class="headcon corewidth m-a">
            <div class="hl">
                <ul>
                    <li><a href="">首页</a></li>
                    <li class="bd"></li>
                    <li><a href="">华为官网</a></li>
                    <li class="bd"></li>
                    <li><a href="">花粉俱乐部</a></li>
                    <li class="bd"></li>
                    <li><a href="">V码(优购码)</a></li>
                    <li class="bd"></li>
                    <li><a href="">企业购</a></li>
                    <li class="bd"></li>
                    <li><a href="">Select Region</a></li>
                    <li class="bd"></li>
                    <li>
                        <a href="">更多精彩</a>
                        <span class="iconfont dropspan">&#xe646;</span>
                        <div class="more">
                            <dl>
                                <dt><a href="">EMUI</a></dt>
                                <dt><a href="">应用市场</a></dt>
                                <dt><a href="">华为终端云空间</a></dt>
                                <dt><a href="">开发者联盟</a></dt>
                            </dl>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="hr">
                <ul>
                    <li class="signedin">
                        <a href="./login.html">请登录 </a>
                        <a href="./register.html"> 注册</a>
                    </li>
                    <li class="bd"></li>
                    <li><a href="">我的订单</a></li>
                    <li class="bd"></li>
                    <li class="cus">
                        <a href="">客户服务</a>
                        <span class="iconfont dropspan">&#xe646;</span>
                        <div class="cusdrop">
                            <dl>
                                <dt><a href="">服务中心</a></dt>
                                <dt><a href="">练习客服</a></dt>
                            </dl>
                        </div>
                    </li>
                    <li class="bd"></li>
                    <li class="webnav">
                        <a href="">网站导航</a>
                        <span class="iconfont dropspan">&#xe646;</span>
                        <div class="webnavdrop">
                            <div class="nav">
                                <div class="home">
                                    <a href="" class="homea"></a>
                                    <span><a href="">商城首页</a></span>
                                </div>
                                <dl>
                                    <div class="tit">频道</div>
                                    <dt><a href="">华为专区</a></dt>
                                    <dt><a href="">企业购</a></dt>
                                </dl>
                                <dl>
                                    <div class="tit">产品</div>
                                    <dt><a href="">手机</a></dt>
                                    <dt><a href="">笔记本</a></dt>
                                    <dt><a href="">平板</a></dt>
                                    <dt><a href="">智能穿戴</a></dt>
                                    <dt><a href="">智能家居</a></dt>
                                    <dt><a href="">智慧屏</a></dt>
                                    <dt><a href="">耳机音箱</a></dt>
                                    <dt><a href="">热销配件</a></dt>
                                    <dt><a href="">生态产品</a></dt>
                                    <dt><a href="">增值服务</a></dt>
                                </dl>
                                <dl>
                                    <div class="tit">增值服务</div>
                                    <dt><a href="">以旧换新</a></dt>
                                    <dt><a href="">补购保障</a></dt>
                                    <dt><a href="">一口价换电池</a></dt>
                                </dl>
                                <dl>
                                    <div class="tit">会员</div>
                                    <dt><a href="">会员频道</a></dt>
                                </dl>
                            </div>
                        </div>
                    </li>
                    <li class="bd"></li>
                    <li class="phone">
                        <a href="">手机版</a>
                        <span class="iconfont dropspan">&#xe646;</span>
                        <div class="phonedrop">
                            <div class="phonedetail">
                                <img src="./img/vmallapp.png" alt="">
                                <div class="info">
                                    <h2>华为商城APP</h2>
                                    <p>新人专享好礼最高5000积分</p>
                                    <span class="iconfont">&#xe60e;</span>
                                    <span class="iconfont">&#xe60b;</span>
                                    <span class="iconfont">&#xe615;</span>
                                </div>
                            </div>
                            <div class="phonedetail">
                                <img src="./img/vmallapp.png" alt="">
                                <div class="info">
                                    <h2>华为商城APP</h2>
                                    <p>新人专享好礼最高5000积分</p>
                                    <span class="iconfont">&#xe60e;</span>
                                    <span class="iconfont">&#xe60b;</span>
                                    <span class="iconfont">&#xe615;</span>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="bd"></li>
                    <li class="shopcar">
                        <span class="iconfont shopicon">&#xe8e1;</span>
                        <a href="./shopcart.html">购物车</a>
                    </li>
                </ul>
            </div>
        </div>
    </header>
    <!-- header end -->

    <!-- search start -->
    <div class="search clear">
        <div class="searchcon corewidth m-a">
            <div class="logo">
                <a href=""><img src="./img/logo.png" alt=""></a>
            </div>
            <div class="snav">
                <ul>
                    <li><a href=""><img src="./img/hwzq.png" alt=""></a></li>
                    <li><a href=""><img src="./img/ryzq.png" alt=""></a></li>
                    <li><a href="">P40系列</a></li>
                    <li><a href="">荣耀30</a></li>
                    <li><a href="">智能家居</a></li>
                </ul>
            </div>
            <div class="rinput">
                <input type="text" class="text">
                <i class="fr"></i>
                <div class="hots" id="hots">
                    <dl>
                        <dt>热门搜索</dt>
                        <dd>Mate 30E</dd>
                        <dd>Nova9 pro</dd>
                        <dd>WATHCH FIT</dd>
                        <dd>Mate 30E</dd>
                        <dd>Nova9 pro</dd>
                        <dd>WATHCH FIT</dd>
                        <dd>Mate 30E</dd>
                        <dd>Nova9 pro</dd>
                        <dd>WATHCH FIT</dd>
                        <dd>Mate 30E</dd>
                        <dd>Nova9 pro</dd>
                        <dd>WATHCH FIT</dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>
    <!-- search end -->

    <!-- banner start -->
    <div class="banner">
        <div class="bannercon">
            <ul>
                <li><a href="javascript:;"><img src="./img/banner/banner1.jpg" alt=""></a></li>
                <li><a href="javascript:;"><img src="./img/banner/banner2.png" alt=""></a></li>
                <li><a href="javascript:;"><img src="./img/banner/banner3.jpg" alt=""></a></li>
                <li><a href="javascript:;"><img src="./img/banner/banner4.jpg" alt=""></a></li>
                <li><a href="javascript:;"><img src="./img/banner/banner5.jpg" alt=""></a></li>
                <li><a href="javascript:;"><img src="./img/banner/banner6.jpg" alt=""></a></li>
            </ul>
            <div class="btn">
                <a href="javascript:;" class="btnl"></a>
                <a href="javascript:;" class="btnr"></a>
            </div>
            <div class="spannav">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
            <!-- category start -->
            <div class="category">
                <ol>
                    <li>
                        <a href="">手机</a>
                        <span></span>
                        <div class="cphone">
                            <div class="item">
                                <img src="./img/HUAWEIMATE.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIP.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIJUSE.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIMATE.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIP.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIJUSE.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIMATE.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIP.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIJUSE.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="">笔记本</a>
                        <span></span>
                        <div class="cpad">
                            <div class="item">
                                <img src="./img/pad1.jpg" alt="">
                                <p>华为MatePad 系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/pad2.png" alt="">
                                <p>华为MatePad 系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/cam.png" alt="">
                                <p>华为MatePad 系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/watch.png" alt="">
                                <p>华为MatePad 系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIP.png" alt="">
                                <p>华为MatePad 系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIJUSE.png" alt="">
                                <p>华为MatePad 系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIMATE.png" alt="">
                                <p>华为MatePad 系列</p>
                            </div>

                        </div>
                    </li>
                    <li><a href="">平板</a>
                        <span></span>
                        <div class="cpinb">
                            <div class="item">
                                <img src="./img/HUAWEIMATE.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIP.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIJUSE.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIMATE.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIP.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIMATE.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIP.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                            <div class="item">
                            </div>

                        </div>
                    </li>
                    <li>
                        <a href="">智能穿戴&VR</a><span></span>
                        <div class="ccd">
                            <div class="item">
                                <img src="./img/item1.png" alt="">
                                <p>荣耀智慧屏</p>
                            </div>
                            <div class="item">
                                <img src="./img/item2.png" alt="">
                                <p>荣耀智慧屏</p>
                            </div>
                            <div class="item">
                                <img src="./img/item3.png" alt="">
                                <p>荣耀智慧屏</p>
                            </div>
                            <div class="item">
                                <img src="./img/item4.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/item5.png" alt="">
                                <p>荣耀智慧屏</p>
                            </div>
                            <div class="item">
                                <img src="./img/item3.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/item2.png" alt="">
                                <p>荣耀智慧屏</p>
                            </div>
                            <div class="item">
                            </div>

                        </div>
                    </li>
                    <li>
                        <a href="">智能家居</a><span></span>
                        <div class="cjj">
                            <div class="item">
                                <img src="./img/pad1.jpg" alt="">
                                <p>华为MatePad 系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/pad2.png" alt="">
                                <p>华为MatePad 系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/cam.png" alt="">
                                <p>华为MatePad 系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/watch.png" alt="">
                                <p>华为MatePad 系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIP.png" alt="">
                                <p>华为MatePad 系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIJUSE.png" alt="">
                                <p>华为MatePad 系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIMATE.png" alt="">
                                <p>华为MatePad 系列</p>
                            </div>

                        </div>
                    </li>
                    <li>
                        <a href="">智慧屏</a><span></span>
                        <div class="czhp">
                            <div class="item">
                                <img src="./img/HUAWEIMATE.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIP.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIJUSE.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIMATE.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIP.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIJUSE.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIMATE.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIP.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIJUSE.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="">智慧屏</a><span></span>
                        <div class="czhps">
                            <div class="item">
                                <img src="./img/item1.png" alt="">
                                <p>荣耀智慧屏</p>
                            </div>
                            <div class="item">
                                <img src="./img/item2.png" alt="">
                                <p>荣耀智慧屏</p>
                            </div>
                            <div class="item">
                                <img src="./img/item3.png" alt="">
                                <p>荣耀智慧屏</p>
                            </div>
                            <div class="item">
                                <img src="./img/item4.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/item5.png" alt="">
                                <p>荣耀智慧屏</p>
                            </div>
                            <div class="item">
                                <img src="./img/item3.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/item2.png" alt="">
                                <p>荣耀智慧屏</p>
                            </div>
                            <div class="item">
                            </div>

                        </div>
                    </li>
                    <li>
                        <a href="">配件</a><span></span>
                        <div class="cpj">
                            <div class="item">
                                <img src="./img/HUAWEIMATE.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIP.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIJUSE.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIMATE.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIP.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIMATE.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIP.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                            <div class="item">
                            </div>

                        </div>
                    </li>
                    <li>
                        <a href="">生态产品</a><span></span>
                        <div class="cstcp">
                            <div class="item">
                                <img src="./img/item1.png" alt="">
                                <p>荣耀智慧屏</p>
                            </div>
                            <div class="item">
                                <img src="./img/item2.png" alt="">
                                <p>荣耀智慧屏</p>
                            </div>
                            <div class="item">
                                <img src="./img/item3.png" alt="">
                                <p>荣耀智慧屏</p>
                            </div>
                            <div class="item">
                                <img src="./img/item4.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/item5.png" alt="">
                                <p>荣耀智慧屏</p>
                            </div>
                            <div class="item">
                                <img src="./img/item3.png" alt="">
                                <p>HUAWEI Mate系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/item2.png" alt="">
                                <p>荣耀智慧屏</p>
                            </div>
                            <div class="item">
                            </div>

                        </div>
                    </li>
                    <li>
                        <a href="">增值服务&其他</a><span></span>
                        <div class="cfw">
                            <div class="item">
                                <img src="./img/pad1.jpg" alt="">
                                <p>华为MatePad 系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/pad2.png" alt="">
                                <p>华为MatePad 系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/cam.png" alt="">
                                <p>华为MatePad 系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/watch.png" alt="">
                                <p>华为MatePad 系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIP.png" alt="">
                                <p>华为MatePad 系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIJUSE.png" alt="">
                                <p>华为MatePad 系列</p>
                            </div>
                            <div class="item">
                                <img src="./img/HUAWEIMATE.png" alt="">
                                <p>华为MatePad 系列</p>
                            </div>

                        </div>
                    </li>
                </ol>
            </div>
            <!-- category end -->

        </div>

    </div>
    <!-- banner end -->

    <!-- redadv -->
    <div class="adv  corewidth m-a">
        <div class="redadv">
            <img src="./img/redadv.png" alt="">
        </div>
        <div class="redadv">
            <img src="./img/grayadv.jpg" alt="">
        </div>
    </div>

    <!-- floors start -->
    <div class="floors">
        <div class="floorscon corewidth m-a">
            <div class="floor">
                <h2>手机</h2>
                <ul>
                    <li class="big"><a href="javascript:;"><img src="./img/f1.png" alt=""></a></li>
                    <li>
                        <img src="./img/f2.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                    <li>
                        <img src="./img/f3.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                    <li>
                        <img src="./img/f4.png" alt="" class="limg">
                        <p class="title">HUAWEI Mate 30 RS 保时捷设计</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                    <li>
                        <img src="./img/f5.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                </ul>
                <ul>
                    <li class="big"><a href="javascript:;"><img src="./img/p1.jpg" alt=""></a></li>
                    <li>
                        <img src="./img/p2.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                    <li>
                        <img src="./img/p3.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥3698</p>
                    </li>
                    <li>
                        <img src="./img/p4.png" alt="" class="limg">
                        <p class="title">HUAWEI Mate 30 RS 保时捷设计</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥7581</p>
                    </li>
                    <li>
                        <img src="./img/p5.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                </ul>
            </div>
            <div class="floor">
                <h2>笔记本电脑</h2>
                <ul>
                    <li class="big"><a href="javascript:;"><img src="./img/m1.png" alt=""></a></li>
                    <li>
                        <img src="./img/m2.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                    <li>
                        <img src="./img/m3.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥3698</p>
                    </li>
                    <li>
                        <img src="./img/m4.png" alt="" class="limg">
                        <p class="title">HUAWEI Mate 30 RS 保时捷设计</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥7581</p>
                    </li>
                    <li>
                        <img src="./img/m5.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>

                </ul>
                <ul>
                    <li class="big"><a href="javascript:;"><img src="./img/f1.png" alt=""></a></li>
                    <li>
                        <img src="./img/f2.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                    <li>
                        <img src="./img/f3.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                    <li>
                        <img src="./img/f4.png" alt="" class="limg">
                        <p class="title">HUAWEI Mate 30 RS 保时捷设计</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                    <li>
                        <img src="./img/f5.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                </ul>
            </div>
            <div class="floor">
                <h2>精品平板</h2>
                <ul>
                    <li class="big"><a href="javascript:;"><img src="./img/p1.jpg" alt=""></a></li>
                    <li>
                        <img src="./img/p2.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                    <li>
                        <img src="./img/p3.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥3698</p>
                    </li>
                    <li>
                        <img src="./img/p4.png" alt="" class="limg">
                        <p class="title">HUAWEI Mate 30 RS 保时捷设计</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥7581</p>
                    </li>
                    <li>
                        <img src="./img/p5.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                </ul>
                <ul>
                    <li class="big"><a href="javascript:;"><img src="./img/f1.png" alt=""></a></li>
                    <li>
                        <img src="./img/f2.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                    <li>
                        <img src="./img/f3.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                    <li>
                        <img src="./img/f4.png" alt="" class="limg">
                        <p class="title">HUAWEI Mate 30 RS 保时捷设计</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                    <li>
                        <img src="./img/f5.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                </ul>
            </div>
            <div class="floor">
                <h2>智能穿戴</h2>
                <ul>
                    <li class="big"><a href="javascript:;"><img src="./img/f1.png" alt=""></a></li>
                    <li>
                        <img src="./img/f2.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                    <li>
                        <img src="./img/f3.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                    <li>
                        <img src="./img/f4.png" alt="" class="limg">
                        <p class="title">HUAWEI Mate 30 RS 保时捷设计</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                    <li>
                        <img src="./img/f5.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                </ul>
                <ul>
                    <li class="big"><a href="javascript:;"><img src="./img/m1.png" alt=""></a></li>
                    <li>
                        <img src="./img/m2.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                    <li>
                        <img src="./img/m3.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥3698</p>
                    </li>
                    <li>
                        <img src="./img/m4.png" alt="" class="limg">
                        <p class="title">HUAWEI Mate 30 RS 保时捷设计</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥7581</p>
                    </li>
                    <li>
                        <img src="./img/m5.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>

                </ul>

            </div>
            <div class="floor">
                <h2>智慧屏</h2>
                <ul>
                    <li class="big"><a href="javascript:;"><img src="./img/f1.png" alt=""></a></li>
                    <li>
                        <img src="./img/f2.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                    <li>
                        <img src="./img/f3.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                    <li>
                        <img src="./img/f4.png" alt="" class="limg">
                        <p class="title">HUAWEI Mate 30 RS 保时捷设计</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                    <li>
                        <img src="./img/f5.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                </ul>
                <ul>
                    <li class="big"><a href="javascript:;"><img src="./img/p1.jpg" alt=""></a></li>
                    <li>
                        <img src="./img/p2.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                    <li>
                        <img src="./img/p3.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥3698</p>
                    </li>
                    <li>
                        <img src="./img/p4.png" alt="" class="limg">
                        <p class="title">HUAWEI Mate 30 RS 保时捷设计</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥7581</p>
                    </li>
                    <li>
                        <img src="./img/p5.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                </ul>
            </div>
            <div class="floor">
                <h2>智能家居</h2>
                <ul>
                    <li class="big"><a href="javascript:;"><img src="./img/m1.png" alt=""></a></li>
                    <li>
                        <img src="./img/m2.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                    <li>
                        <img src="./img/m3.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥3698</p>
                    </li>
                    <li>
                        <img src="./img/m4.png" alt="" class="limg">
                        <p class="title">HUAWEI Mate 30 RS 保时捷设计</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥7581</p>
                    </li>
                    <li>
                        <img src="./img/m5.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>

                </ul>
                <ul>
                    <li class="big"><a href="javascript:;"><img src="./img/f1.png" alt=""></a></li>
                    <li>
                        <img src="./img/f2.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                    <li>
                        <img src="./img/f3.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                    <li>
                        <img src="./img/f4.png" alt="" class="limg">
                        <p class="title">HUAWEI Mate 30 RS 保时捷设计</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                    <li>
                        <img src="./img/f5.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                </ul>
            </div>
            <div class="floor">
                <h2>热销配件</h2>
                <ul>
                    <li class="big"><a href="javascript:;"><img src="./img/m1.png" alt=""></a></li>
                    <li>
                        <img src="./img/m2.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                    <li>
                        <img src="./img/m3.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥3698</p>
                    </li>
                    <li>
                        <img src="./img/m4.png" alt="" class="limg">
                        <p class="title">HUAWEI Mate 30 RS 保时捷设计</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥7581</p>
                    </li>
                    <li>
                        <img src="./img/m5.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>

                </ul>
                <ul>
                    <li class="big"><a href="javascript:;"><img src="./img/f1.png" alt=""></a></li>
                    <li>
                        <img src="./img/f2.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                    <li>
                        <img src="./img/f3.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                    <li>
                        <img src="./img/f4.png" alt="" class="limg">
                        <p class="title">HUAWEI Mate 30 RS 保时捷设计</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                    <li>
                        <img src="./img/f5.png" alt="" class="limg">
                        <p class="title">华为畅享20 5G</p>
                        <p class="dis">购机赠耳机</p>
                        <p class="price">¥1899</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- floors end -->


    <!-- fixnav start -->
    <div class="fixnav">
        <!-- <ul class="floornav">
            <li>手机</li>
            <li>笔记本电脑</li>
            <li>精品平板</li>
            <li>智能穿戴</li>
            <li>智慧屏</li>
            <li>智能家居</li>
            <li>热销配件</li>
        </ul> -->
        <div class="shop">
            <i class="iconfont">&#xe8e1;</i>
            <p>购物车</p>
        </div>
        <div class="shop">
            <i class="iconfont">&#xe658;</i>
            <p>在线客服</p>
        </div>
        <div class="shop">
            <i class="iconfont">&#xe654;</i>
            <p>自助服务</p>
        </div>
        <!-- <div class="shop gotop">
            <i class="iconfont">&#xe76c;</i>
            <p>回到顶部</p>
        </div> -->
    </div>
    <!-- fixnav end -->


    <!-- footer start -->
    <footer>
        <div class="footcon corewidth m-a">
            <div class="slogan">
                <ul>
                    <li class="s1">
                        <i></i>
                        <a href="">百强企业 品质保证</a>
                    </li>
                    <li class="s2">
                        <i></i>
                        <a href="">7天退货 15天换货</a>
                    </li>
                    <li class="s3">
                        <i></i>
                        <a href="">48元起免运费</a>
                    </li>
                    <li class="s4">
                        <i></i>
                        <a href="">2000家服务店 全国联保</a>
                    </li>
                </ul>
            </div>
            <div class="service">
                <div class="serl">
                    <dl>
                        <dt>
                            <p class="utit">购物相关</p>
                        </dt>
                        <dd>
                            <ul>
                                <li><a href="">购物指南</a></li>
                                <li><a href="">配送方式</a></li>
                                <li><a href="">支付方式</a></li>
                                <li><a href="">常见问题</a></li>
                            </ul>
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <p class="utit">保修与退换货</p>
                        </dt>
                        <dd>
                            <ul>
                                <li><a href="">保修政策</a></li>
                                <li><a href="">退换货政策</a></li>
                                <li><a href="">保修状态查询</a></li>
                                <li><a href="">配件防伪查询</a></li>
                            </ul>
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <p class="utit">维修与技术支持</p>
                        </dt>
                        <dd>
                            <ul>
                                <li><a href="">服务店</a></li>
                                <li><a href="">预约维修</a></li>
                                <li><a href="">手机寄修</a></li>
                                <li><a href="">备件价格查询</a></li>
                                <li><a href="">上门服务</a></li>
                            </ul>
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <p class="utit">特色服务</p>
                        </dt>
                        <dd>
                            <ul>
                                <li><a href="">防伪查询</a></li>
                                <li><a href="">补购保障</a></li>
                                <li><a href="">以旧换新</a></li>
                                <li><a href="">礼品包装</a></li>
                            </ul>
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <p class="utit">关于我们</p>
                        </dt>
                        <dd>
                            <ul>
                                <li><a href="">公司介绍</a></li>
                                <li><a href="">华为商城简介</a></li>
                                <li><a href="">华为零售店</a></li>
                                <li><a href="">商家中心</a></li>
                                <li><a href="">意见反馈</a></li>
                            </ul>
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <p class="utit">友情链接</p>
                        </dt>
                        <dd>
                            <ul>
                                <li><a href="">华为心声社区
                                    </a></li>
                                <li><a href="">华为海洋</a></li>
                            </ul>
                        </dd>
                    </dl>
                </div>

                <div class="serr">
                    <dl>
                        <dt>950805</dt>
                        <dd>7x24小时客服热线（仅收市话费）</dd>
                        <dd>
                            <a href=""><i class="iconfont">&#xe658; </i> 在线客服</a>
                        </dd>
                        <dd>
                            <span>关注Vmall：</span>
                            <a href="" class="iconfont">&#xe615;</a>
                            <a href="" class="iconfont">&#xe61e;</a>
                            <a href="" class="iconfont">&#xe7dd;</a>
                            <a href="" class="iconfont">&#xe61c;</a>
                        </dd>
                    </dl>
                </div>
            </div>
            <div class="vfoot">
                <div class="vl fl">
                    <img src="./img/Vmall.png" alt="">
                </div>
                <div class="vc fl">
                    <ul>
                        <li><a href="">华为集团</a></li>
                        <li><a href="">华为CBG官网</a></li>
                        <li><a href="">花粉俱乐部</a></li>
                        <li><a href="">华为应用市场</a></li>
                        <li><a href="">EMUI华为终端</a></li>
                        <li><a href="">云空间开发者联盟</a></li>
                        <li><a href="">华为商城手机版</a></li>
                        <li><a href="">网站地图</a></li>
                    </ul>
                    <p>隐私声明 服务协议 COOKIES Copyright © 2012-2021 华为终端有限公司 版权所有 粤ICP备19015064号|粤公网安备 44190002003939号</p>
                    <p>增值电信业务经营许可证：粤B2-20190762|备案主体编号：44201919072182</p>
                    <p>互联网药品信息服务资格证（粤）-非经营性-2020-0102 | 粤东食药监械经营备20203930</p>
                </div>
                <div class="vr"><img class="fr" src="./img/license.png" alt=""></div>
            </div>

        </div>
    </footer>
    <!-- footer end -->
</body>

</html>